import React,{useEffect} from 'react'
import {BannersWrapper} from './style'
import propTypes from 'prop-types'
import Swiper from 'swiper'
export default function Banners({banners}) {
    useEffect(() => {
        new Swiper('.btn-banners', {
            loop:true,
            pagination: {
                el:'.swiper-pagination'
            }
        })
    })
  return (
    <BannersWrapper>
        <div className="btn-banners swiper-container">
            <div className="swiper-wrapper">
                {}
                {/* <div className="swiper-slide">1</div>
                <div className="swiper-slide">2</div> */}
            </div>
            <div className="swiper-pagination"></div>
        </div>
    </BannersWrapper>
  )
}
Banners.propTypes = {
    banners:propTypes.array.isRequired
}
